<template>
  <div>
    <!-- 组件传值
      获取组件实例：
          ref:组件层面 ，可通过ref获取组件实例对象
               父获取子实例用ref:this.$refs.ref的值
          $parent:子获取父实例(它是找自己最近的父级)
          $children:找出自己全部子组件实例
          $root:找出根组件实例
      父子组件传值
         props与emit
         v-model与.sync
      兄弟组件传值:可用于任意组件间的传值
         EventBus
         1:Vue.prototype.$bus=new Vue()
         2:监听：this.$bus.$on('事件名',(参数)=>{...})
         3:触发: this.$bus.$emit('事件名',实参)
         4:销毁：this.$bus.$off('事件名')
      特性继承
         $attrs与$listeners
          $attrs:接收父传子的非props属性（子组件没有使用props接收）  v-bind=$attrs
          $listeners:接收父在子组件标签上绑定的所有事件    v-on=$listeners

    -->
    <HmSon4
      :xxx="msg"
      ooo="123456"
      @aaa="aaafn"
      @bbb="bbbfn"
      @click="btnCLick"
      @dblclick="btnCLick2"
    />
  </div>
</template>
<script>
import HmSon4 from './components/HmSon4.vue'
export default {
  components: {
    HmSon4
  },
  data() {
    return {
      msg: '99期'
    }
  },
  methods: {
    aaafn() {
      console.log('aaafn')
    },
    bbbfn() {
      console.log('bbbfn')
    },
    btnCLick() {
      console.log('btnCLick')
    },
    btnCLick2() {
      console.log('双击')
    }
  }
}
</script>
<style></style>
